<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/commen-电脑.css">
    <link rel="stylesheet" href="./css/index-电脑.css">
    <link rel="stylesheet" href="./css/jump-电脑.css">
    <script src="./js/js-diannao.js"> </script>
    <title>笔记本</title>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header_top">

        </div>
        <div class="nav">
            <div class="left">
                <div class="logo">冯柏源22215220432</div>
                <ul>
                    <li>
                        <a href="./index-手机.html" title="手机">手机
                            <div class="nav_left_a_bottom"></div>
                        </a>
                    </li>
                    <li><a href="./index-电脑-1.html" title="电脑">电脑
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-平板.html" title="平板">平板
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./watch.html" title="穿戴">穿戴
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="耳机音箱">耳机音箱
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-全屋智能.html" title="全屋智能">全屋智能
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="路由器">路由器
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="./index-服务支持.html">服务支持
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li><a href="./index_商用.html">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li class="search"><a href="./sreach.html"><img src="watch/cearch.png"></a></li>

                    <li class="login"><a href="./denlu.html"><img src="watch/login.png"></a></li>


                    <li class="at_last"><a href="./index-商城.html">flytech商城</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!--    跳转-->
    <div class="=jump">

        <link rel="stylesheet" href="css/jump.css">
        <div class="jump-ul">
            <ul>
                <li>
                    <a href="./index-电脑-1.html">
                        <div class="back">
                            <div class="jump-back">
                                <img src="watch/laptops-new/2023-02-15/nav/nav-laptops.svg" atl="笔记本">

                            </div>
                            <div class="jump-span">
                                <span>笔记本</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="./index-电脑-2.html">
                        <div>
                            <div>
                                <img src="watch/laptops-new/2023-02-15/nav/nav-desktop.svg" atl="台式机">

                            </div>
                            <div class="jump-span">
                                <span>台式机</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 最新 -->
    <div class="new">
        <a title="MateBook Pro">
            <h2>MateBook Pro</h2>
        </a>
        <h3>入目惊鸿</h3>
        <p class="value">￥9999 起</p>
        <div class="buttons">
            <a class="left" title="了解更多">了解更多</a>
            <a class="right" title="购买">购买</a>
        </div>
        <div class="phone">
            <a><img src="watch/launch/230518/laptops/matebook-x-pro-2023-13th-gen-core-kv.png" alt=""></a>

        </div>
    </div>
    <!-- 主体部分 -->
    <div class="bd">

        <h2 class="wrapper">哪个系列最适合你？</h2>
        <div class="all wrapper">
            <ul>
                <li><a href="#Mate">
                        <h2>MateBootk X 系列</h2>
                    <div class="span">
                        <span style="font-weight: lighter; font-size: 14px">轻薄随行</span>
                    </div>
                    <div class="box">
                            <img src="watch/laptops-new/230815/1.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#pro">
                        <h2>MateBook 系列</h2>
                    <div class="span">
                        <span style="font-weight: lighter; font-size: 14px">高效创作</span>
                    </div>
                        <div class="box">
                            <img src="watch/laptops-new/230815/2.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#Pocket">
                        <h2>Matebook E 系列</h2>
                    <div class="span">
                        <span style="font-weight: lighter; font-size: 14px">多姿多彩</span>
                    </div>
                        <div class="box">
                            <img src="watch/laptops-new/230815/3.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#nova">
                        <h2>Matebook D 系列</h2>
                    <div class="span">
                        <span style="font-weight: lighter; font-size: 14px">大屏办公</span>
                    </div>
                        <div class="box">
                            <img src="watch/laptops-new/230815/4.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

            </ul>
        </div>


        <!-- MateBook X系列 -->
        <div id="Mate" class="wrapper">
            <h2>MateBook X 系列</h2>
            <div class="Mate_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="watch/launch/230518/laptops/x-pro-card1.jpg" alt="" title="MateBook X Pro">
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230518/laptops/x-pro-card2.jpg" alt="" title="MateBook X Pro">
                            <div class="explan">
                                3.1k原色全面屏
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230518/laptops/x-pro-card3.jpg" alt="" title="MateBook X Pro">
                            <div class="explan">
                                微绒机身，全新配色
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230518/laptops/x-pro-card4.jpg" alt="" title="MateBook X Pro">
                            <div class="explan">
                                八大手势，感知按压
                            </div>
                        </a></li>
                </ul>
                <div class="Mate_top_text">
                    <div class="left">
                        <span>14.2英寸</span>
                        <a>
                            <h2>MateBook X Pro</h2>
                        </a>
                        <p>￥9999 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>
                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="Mate_bottom">
                <ul>
                    <li>
                        <a>
                            <img src="watch/laptops-new/img/matebook-x.jpg" alt="" title="MateBook X">
                        </a>
                        </li>
                    <li>
                            <span class="new">13英寸</span>
                            <a title="MateBook X">
                                <h3>MateBook X</h3>
                            </a>
                            <p>3K 悬浮全面屏</p>
                            <p>纤纤之作，细致入微</p>
                            <p class="value">￥6999 起</p>
                            <a class="Mate_bottom_more" title="了解更多">
                                了解更多 <span>></span>
                            </a>
                            <a class="Mate_bottom_buy" title="购买">
                                购买 <span>></span>
                            </a>
                    </li>
                </ul>
            </div>
        </div>


        <!-- MateBook系列 -->
        <div id="pro" class="wrapper">
            <h2>MateBook系列</h2>
            <div class="pro_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="watch/laptops-new/2023-02-15/imgs/matebook-series-1.jpg" alt="" title="MateBook 16s">
                        </a></li>
                    <li><a>
                            <img src="watch/laptops-new/2023-02-15/imgs/matebook-series-2.jpg" alt="" title="MateBook 16s">
                            <div class="explan">
                                13 代英特尔®酷睿™ i9 处理器
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/laptops-new/2023-02-15/imgs/matebook-series-3.jpg" alt="" title="MateBook 16s">
                            <div class="explan">
                                2.5K 高色准触控屏
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/laptops-new/2023-02-15/imgs/matebook-series-4.jpg" alt="" title="MateBook 16s">
                            <div class="explan">
                                影随人动，AI 降噪
                            </div>
                        </a></li>
                </ul>
                <div class="pro_top_text">
                    <div class="left">
                        <a href="./huaweidiannao.html">
                            <h2>MateBook 16s</h2>
                        </a>
                        <p>￥6999 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="pro_bottom">
                <ul>
                    <li>
                        <a>
                            <img src="watch/laptops-new/230815/matebook-14s.jpg" alt="" title="MateBook 14s">
                        </a>
                        <br>
                        <a title="MateBook 14s">
                            <h3>MateBook 14s

                            </h3>
                        </a>
                        <p>2.5K 高刷触控屏</p>
                        <p>13 代英特尔®酷睿™ i9 处理器</p>
                        <p class="value">￥6799 起</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="pro_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="watch/laptops-new/230815/matebook-14.jpg" alt="" title="MateBook 14">
                        </a>
                        <br>
                        <a title="MateBook 14">
                            <h3>MateBook 14</h3>
                        </a>
                        <p>2K 触控全面屏</p>
                        <p>13 代英特尔®酷睿™处理器</p>
                        <p class="value">￥5699 起</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="pro_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="watch/laptops-new/230815/matebook-13s.jpg" alt="" title="MateBook 13s">
                        </a>
                        <br>
                        <a title="MateBook 13s">
                            <h3>MateBook 13s
                            </h3>
                        </a>
                        <p>2.5K 高刷触控屏</p>
                        <p>12 代英特尔®标压处理器</p>
                        <p class="value">￥7299 起</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="pro_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="watch/laptops-new/230815/matebook-16.png" alt="" title="MateBook 16">
                        </a>
                        <br>
                        <a title="MateBook 16">
                            <h3>MateBook 16</h3>
                        </a>
                        <p>2.5K 全面屏</p>
                        <p>全新锐龙 7 5800H 标压处理器</p>
                        <p class="value">￥5599 起</p>
                        <a class="pro_bottom_more" title="了解更多" style="margin: 25px 12px 7px;">
                            了解更多 <span>></span>
                            <a class="pro_bottom_buy" title="购买">
                                购买 <span>></span>
                            </a>
                        </a>
                    </li>

                </ul>
            </div>
        </div>


        <!-- MateBook E 系列 -->
        <div id="Pocket" class="wrapper">
            <h2>MateBook E 系列</h2>
            <div class="Pocket_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="watch/launch/230518/laptops/matebook-2023-card1.jpg" alt="" title="MateBook E">
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230518/laptops/matebook-2023-card2.jpg" alt="" title="MateBook E">
                            <div class="explan">
                                120 Hz OLED 原色屏
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230518/laptops/matebook-2023-card3.jpg" alt="" title="MateBook E">
                            <div class="explan">
                                乐享移动 App
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230518/laptops/matebook-2023-card4.jpg" alt="" title="MateBook E">
                            <div class="explan">
                                M-Pencil 畅意写画
                            </div>
                        </a></li>
                </ul>
                <div class="Pocket_top_text">
                    <div class="left">
                        <a>
                            <h2>MateBook E</h2>
                        </a>
                        <p>￥7499 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
        </div>


        <div id="matebook_e" class="wrapper">
            <div class="Mate_bottom">
                <ul>
                    <li>
                        <a>
                            <img src="watch/laptops-new/230815/matebook-e-go.jpg" alt="" title="MateBook E Go">
                        </a>
                    </li>
                    <li>
                        <span class="new">12.35 英寸</span>
                        <a title="MateBook E Go">
                            <h3>MateBook E Go</h3>
                        </a>
                        <p>2.5K 高刷护眼屏</p>
                        <p>轻薄长续航</p>
                        <p class="value">￥6999 起</p>
                        <a class="Mate_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="Mate_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>



        <!-- MateBook D系列 -->
        <div id="enjoy" class="wrapper">
            <h2>MateBook D系列</h2>
            <div class="enjoy_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="watch/launch/230417/laptops/d14-card-1.jpg" alt="" title="MateBook D 14">
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230417/laptops/d14-card-2.jpg" alt="" title="MateBook D 14">
                            <div class="explan">
                                16:10 黄金屏幕比例
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230417/laptops/d14-card-3.jpg" alt="" title="MateBook D 14">
                            <div class="explan">
                                新一代处理器，澎湃性能
                            </div>
                        </a></li>
                    <li><a>
                            <img src="watch/launch/230417/laptops/d14-card-4.jpg" alt="" title="MateBook D 14">
                            <div class="explan">
                                华为超材料天线
                            </div>
                        </a></li>
                </ul>
                <div class="enjoy_top_text">
                    <div class="left">
                        <a>
                            <h2>MateBook D 14</h2>
                        </a>
                        <p>￥5099 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="enjoy_bottom">
                <ul>
                    <li>
                        <a title="MateBook D 16">
                            <img src="watch/banner/big-matebook-d16-2024.jpg" alt=""></a>

                        <div class="text">
                            <a title="MateBook D 16">
                                <h2>MateBook D 16</h2>
                            </a>
                            <p>大尺寸护眼全面屏</p>
                            <p>12 代英特尔®酷睿™处理器</p>
                            <p class="value">￥3999 起</p>
                            <a class="more" title="了解更多">了解更多
                                <span> ></span></a>
                            <a class="buy" title="购买 ">购买
                                <span> ></span></a>
                        </div>
                    </li>
                    <li>
                        <a title="MateBook D 15">
                            <img src="watch/laptops-new/230815/d-15-2021-big.jpg" alt=""></a>

                        <div class="text">
                            <a title="MateBook D 15">
                                <h2>MateBook D 15</h2>
                            </a>
                            <p>高清护眼全面屏</p>
                            <p>12 代英特尔®酷睿™处理⁠器</p>
                            <p class="value">￥4099 起</p>
                            <a class="more" title="了解更多">了解更多
                                <span> ></span></a>
                            <a class="buy" title="购买 ">购买
                                <span> ></span></a>
                        </div>
                    </li>

                </ul>
            </div>

        </div>

        <!-- 哪一款电脑最适合你？ -->
        <div class="which wrapper">
            <h2>哪一款电脑最适合你？</h2>
            <div class="box clearfix">
                <ul>
                    <li>
                        <a title="MateBook X Pro">
                            <img src="watch/launch/230518/laptops/matebook-x-pro-2023-13th-gen-core-compare.jpg" alt="" class="matepro">
                        </a>
                        <a title="MateBook X Pro">
                            <h4>MateBook X Pro</h4>
                        </a>
                        <p class="which_value">￥9999 起</p>
                        <a class="which_more" title="了解更多">了解更多

                        </a>
                        <a class="which_buy" title="购买">
                            购买 <span> > </span>
                        </a>
                        <p class="size">14.2 英寸</p>
                        <div class="which_text">
                            2720 x 1260, 264PPI
                        </div>
                        <p class="size">Windows 11 家庭版</p>
                        <div class="which_text">
                            操作系统
                        </div>
                        <div class="HOMS">
                            <img src="watch/laptops-new/2023-02-15/imgs/cpu.svg" alt="">
                        </div>

                        <div class="which_text which_text1">
                            第 13 代英特尔®酷睿™ i7-1360P 处理器
                        </div>
                        <div class="HOMS">
                            <img src="watch/laptops-new/2023-02-15/imgs/graphics.svg" alt="">
                        </div>
                        <div class="which_text">
                            英特尔®锐炬® Xᵉ 显卡
                        </div>
                        <p class="memory">32GB / 16GB</p>
                        <div class="which_text">
                            -
                        </div>
                        <p class="size">2 TB</p>
                        <div class="which_text">
                            最多可配置的空间
                        </div>
                        <div class="which_back">
                            <img src="watch/laptops-new/2023-02-15/imgs/battery.svg" alt="">
                        </div>
                        <div class="which_text">
                            60 Wh（额定容量）
                        </div>
                        <div class="which_front">
                            <img src="watch/laptops-new/2023-02-15/imgs/camera.svg" alt="">
                        </div>
                        <div class="which_text">
                            720P 高清前置摄像头
                        </div>
                        <div class="charge">
                            <img src="watch/laptops-new/2023-02-15/imgs/audio.svg" alt="">
                        </div>
                        <div class="which_text">
                            扬声器 × 6 麦克风 × 4
                        </div>
                        <div class="charge">
                            <img src="watch/laptops-new/2023-02-15/imgs/featured-applications.svg" alt="">
                        </div>
                        <div class="which_text">
                            超级终端
                        </div>

                    </li>
                    <li>
                        <a title="MateBook 16s">
                            <img src="watch/launch/230518/laptops/16s-2023-compare.jpg" alt="" class="matepro">
                        </a>
                        <a title="MateBook 16s">
                            <h4>MateBook 16s</h4>
                        </a>
                        <p class="which_value">￥6999 起</p>
                        <a class="which_more" title="了解更多">了解更多

                        </a>
                        <a class="which_buy" title="购买">
                            购买 <span> > </span>
                        </a>
                        <p class="size">16 英寸</p>
                        <div class="which_text">
                            2520 x 1680, 189PPI
                        </div>
                        <p class="size">Windows 11 家庭中文版</p>
                        <div class="which_text">
                            操作系统
                        </div>
                        <div class="HOMS">
                            <img src="watch/laptops-new/2023-02-15/imgs/cpu.svg" alt="">
                        </div>

                        <div class="which_text">
                            第 13 代智能英特尔®酷睿™ i9-13900H 处理器<br>
                            第 13 代智能英特尔®酷睿™ i7-13700H 处理器<br>
                            第 13 代智能英特尔®酷睿™ i5-13500H 处理器
                        </div>
                        <div class="HOMS">
                            <img src="watch/laptops-new/2023-02-15/imgs/graphics.svg" alt="">
                        </div>
                        <div class="which_text">
                            英特尔®锐炬® Xᵉ 显卡
                        </div>
                        <p class="memory">32GB / 16GB</p>
                        <div class="which_text">
                            -
                        </div>
                        <p class="size">1 TB</p>
                        <div class="which_text">
                            最多可配置的空间
                        </div>
                        <div class="which_back">
                            <img src="watch/laptops-new/2023-02-15/imgs/battery.svg" alt="">
                        </div>
                        <div class="which_text">
                            84 Wh（额定容量）
                        </div>
                        <div class="which_front">
                            <img src="watch/laptops-new/2023-02-15/imgs/camera.svg" alt="">
                        </div>
                        <div class="which_text">
                            1080P 全高清前置摄像头
                        </div>
                        <div class="charge">
                            <img src="watch/laptops-new/2023-02-15/imgs/audio.svg" alt="">
                        </div>
                        <div class="which_text">
                            扬声器 × 2 麦克风 × 2
                        </div>
                        <div class="charge">
                            <img src="watch/laptops-new/2023-02-15/imgs/featured-applications.svg" alt="">
                        </div>
                        <div class="which_text">
                            超级终端
                        </div>

                    </li>
                    <li>
                        <a title="MateBook D 14">
                            <img src="watch/launch/230518/laptops/d14-size.png" alt="" class="matepro" >
                        </a>
                        <a title="MateBook D 14">
                            <h4>MateBook D 14</h4>
                        </a>
                        <p class="which_value">￥5099 起</p>
                        <a class="which_more" title="了解更多">了解更多

                        </a>
                        <a class="which_buy" title="购买">
                            购买 <span> > </span>
                        </a>
                        <p class="size">14 英寸</p>
                        <div class="which_text">
                            1920 × 1200，161 PPI
                        </div>
                        <p class="size">Windows 11 家庭版</p>
                        <div class="which_text">
                            操作系统
                        </div>
                        <div class="HOMS">
                            <img src="watch/laptops-new/2023-02-15/imgs/cpu.svg" alt="">
                        </div>

                        <div class="which_text which_text3">
                            第 13 代智能英特尔®酷睿™ i5-1340P 处理器<br>
                            第 13 代智能英特尔®酷睿™ i7-1360P 处理器
                        </div>
                        <div class="HOMS">
                            <img src="watch/laptops-new/2023-02-15/imgs/graphics.svg" alt="">
                        </div>
                        <div class="which_text">
                            英特尔®锐炬® Xᵉ 显卡
                        </div>
                        <p class="memory">16GB</p>
                        <div class="which_text">
                            LPDDR4X
                        </div>
                        <p class="size">1 TB</p>
                        <div class="which_text">
                            最多可配置的空间
                        </div>
                        <div class="which_back">
                            <img src="watch/laptops-new/2023-02-15/imgs/battery.svg" alt="">
                        </div>
                        <div class="which_text">
                            56 Wh（额定容量）
                        </div>
                        <div class="which_front">
                            <img src="watch/laptops-new/2023-02-15/imgs/camera.svg" alt="">
                        </div>
                        <div class="which_text">
                            100 万像素前置摄像头
                        </div>
                        <div class="charge">
                            <img src="watch/laptops-new/2023-02-15/imgs/audio.svg" alt="">
                        </div>
                        <div class="which_text">
                            扬声器 × 2 麦克风 × 2
                        </div>
                        <div class="charge">
                            <img src="watch/laptops-new/2023-02-15/imgs/featured-applications.svg" alt="">
                        </div>
                        <div class="which_text">
                            超级终端
                        </div>

                    </li>
                </ul>
            </div>
        </div>

        <!-- 全部笔记本电脑 -->
        <div class="AllPhone wrapper">
            <h2>全部笔记本电脑</h2>
            <ul class="clearfix">
                <li>
                    <a title="MateBook X Pro 2022">
                        <img src="watch/laptops-new/230815/matebook-x-pro-2022.jpg" alt="">
                    </a>
                    <a title="MateBook X Pro 2022">
                        <h3>MateBook X Pro 2022</h3>
                    </a>
                    <p class="value">￥8999 起</p>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </li>

                <li>
                    <a title="MateBook 14s 2022">
                        <img src="watch/laptops-new/230815/matebook-14s-2022.jpg" alt="">
                    </a>
                    <a title="MateBook 14s 2022">
                        <h3>MateBook 14s 2022</h3>
                    </a>
                    <p class="value">￥5199 起</p>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </li>

                <li>
                    <a title="MateBook 13">
                        <img src="watch/laptops-new/230815/matebook-13.jpg" alt="">
                    </a>
                    <a title="MateBook 13">
                        <h3>MateBook 13</h3>
                    </a>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                    </div>
                </li>

                <li>
                    <a title="MateBook D 14 2022">
                        <img src="watch/laptops-new/230815/matebook-d-14-2021.jpg" alt="">
                    </a>
                    <a title="MateBook D 14 2022">
                        <h3>MateBook D 14 2022</h3>
                    </a>
                    <p class="value">￥4799 起</p>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </li>

            </ul>
            <a class="view_all">
                查看全部
                <img src="./images/view_all.png" alt="">
            </a>
        </div>

        <!-- 全部手机模块下面的第一块 -->
        <div class="first wrapper clearfix">
            <div class="top">
                <div class="left">
                    <div class="top_text">
                        <h3>探索更多配件</h3>
                        <p>搭配丰富配件，高效办公得心应手。</p>
                        <a>
                            了解更多 <span> > </span>
                        </a>
                    </div>

                </div>
                <div class="right">
                    <div class="top_text">
                        <h3>探索更多台式机</h3>
                        <p>默契协同，高效工作。</p>
                        <a>
                            了解更多 <span> > </span>
                        </a>
                    </div>
                        <img src="./watch/images/10001.png" alt="">
                </div>
            </div>

            <!-- <div class="down">
                <div class="NO1">
                    <a title="HUAWEI Vision Glass">
                        <img src="./images/first_down_1.jpg" alt="">
                    </a>

                    <a title="HUAWEI Vision Glass">
                        <h3>HUAWEI Vision Glass</h3>
                    </a>
                    <p>120 英寸虚拟巨幕</p>
                    <p>时尚轻薄</p>
                    <p class="value">￥2999 起</p>
                    <div class="down_explore">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </div>
                <div class="NO2">
                    <a title="HUAWEI VR Glass 6DoF 游戏套装">
                        <img src="./images/first_down_2.jpg" alt="">
                    </a>

                    <a title="HUAWEI VR Glass 6DoF 游戏套装">
                        <h3>HUAWEI VR Glass 6DoF 游戏套装</h3>
                    </a>

                    <p>6DoF 游戏套装</p>
                    <p>6DoF 定位交互套件</p>
                    <p class="value">￥3999 起</p>
                    <div class="down_explore">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </div>
            </div> -->

        </div>

        <!-- 为什么选择MateBook 超强，易用？ -->
        <div class="WhySelect wrapper clearfix">
            <h2>为什么选择MateBook 超强，易用？</h2>
            <div class="left">
                <div class="WhySelect_text">
                    <h4>购买 MateBook 的理由</h4>
                    <p>激活生产力，激发创造力。</p>
                    <a>
                        了解更多 <span> > </span>
                    </a>
                </div>
            </div>
            <div class="right">
                <div class="WhySelect_text">
                    <h4>Windows 11 全新体验</h4>
                    <p>了解 Windows 11。</p>
                    <a>
                        了解更多 <span> > </span>
                    </a>
                    <!-- <img src="./watch/WhySelect_right.jpg" alt=""> -->
                </div>
            </div>
        </div>

        <!-- 华为智能办公 -->
        <!-- 底部轮播图 -->
        <div class="ecology wrapper clearfix">
            <h2>华为智能办公</h2>
            <div class="box wrapper">
                <div class="inter_box">
                    <div class="left">
                        <div class="ecology_text">
                            <img src="./watch/laptops-new/img/icon-1-v2.svg" alt="">
                            <h5>华为电脑管家</h5>
                            <p>设备分享，互传，智慧管家</p>
                            <div class="more ">
                                <a title="了解更多">
                                    了解更多 <span> > </span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="center">
                        <div class="top">
                            <div class="ecology_text">
                                <img src="watch/laptops-new/2022-08-08/icon-2.svg" alt="">
                                <h5>花瓣剪辑</h5>
                                <p>无处不在，随心即剪。<br>
                                    轻松换新机
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="bottom">
                            <div class="ecology_text">
                                <img src="watch/laptops-new/2022-08-08/icon-3.svg" alt="">
                                <h5>华为音乐</h5>
                                <p>为生活的每一刻伴奏。<br>
                                    高清互联。
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="right">
                        <div class="ecology_text">
                            <img src="./watch/ecology_right_1.png" alt="">
                            <h5>华为视频</h5>
                            <p>优质海量片库，超凡体验。</p>
                            <div class="more ">
                                <a title="了解更多">
                                    了解更多 <span> > </span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="back_center">
                        <div class="top">
                            <div class="ecology_text">
                                <img src="./watch/bottom/bottom_back-center_top-1.png" alt="">
                                <h5>浏览器</h5>
                                <p>让世界遇见你
                                </p>
                                <div class="more">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="bottom">
                            <div class="ecology_text">
                                <img src="./watch/bottom/bottom_back-center_bottom-1.png" alt="">
                                <h5>云空间</h5>
                                <p>存于云间, <br>
                                    尽享精彩。
                                </p>
                                <div class="more">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="back_right">
                        <div class="ecology_text">
                            <img src="./watch/bottom/bottom_back_right-1.png" alt="">
                            <h5>华为电脑管家</h5>
                            <p>设备分享，互传，智慧管家</p>
                            <div class="more ">
                                <a title="了解更多">
                                    了解更多 <span> > </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="button">
                    <div class="button_left">&lt;</div>
                    <div class="button_right">&gt;</div>
                </div>



                
            </div>

    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="wrapper">
            <div class="footer_text">
                价格仅供参考，具体价格请以华为商城展示为准。
                <p></p>
                以上页面中的产品图片、视频及屏幕内容仅作示意，实物产品效果（包括但不限于外观、颜色、尺寸）和屏幕显示内容（包括但不限于背景、UI、配图、视频）可能略有差异，请以实物为准。
                <p></p>
                部分产品配件需单独购买，页面效果仅供参考。
                <p></p>
                以上页面中的数据为理论值，均来自华为内部实验室，于特定测试环境下所得（请见各项具体说明），实际使用中可能因产品个体差异、软件版本、使用条件和环境因素不同略有不同，请以实际使用的情况为准。
                <p></p>
                由于产品批次和生产供应因素实时变化，为尽可能提供准确的产品信息、规格参数、产品特性，华为可能实时调整和修订以上页面中的文字表述、图片效果等内容，以求与实际产品性能、规格、指数、零部件等信息相匹配。
                <p></p>
                如遇确有进行上述修改和调整必要的情形，恕不专门通知。
            </div>
            <div class="main">
                <a title="主页">主页</a>
                <span> / </span>
                手机
            </div>
            <div class="footer_links">
                <ul>
                    <li>
                        <h3>购买产品</h3>
                        <ul class="inter">
                            <li>
                                <a title="手机">
                                    手机</a>
                            </li>
                            <li>
                                <a title="笔记本">
                                    笔记本</a>
                            </li>
                            <li>
                                <a title="台式机">
                                    台式机</a>
                            </li>
                            <li>
                                <a title="显示器">
                                    显示器</a>
                            </li>
                            <li>
                                <a title="打印机">
                                    打印机</a>
                            </li>
                            <li>
                                <a title="平板">
                                    平板</a>
                            </li>
                            <li>
                                <a title="智慧屏">
                                    智慧屏</a>
                            </li>
                            <li>
                                <a title="穿戴">
                                    穿戴</a>
                            </li>
                            <li>
                                <a title="耳机音箱">
                                    耳机音箱</a>
                            </li>
                            <li>
                                <a title="路由器">
                                    路由器</a>
                            </li>
                            <li>
                                <a title="配件">
                                    配件</a>
                            </li>
                            <li>
                                <a title="商用产品">
                                    商用产品</a>
                            </li>
                            <li>
                                <a title="教育商店">
                                    教育商店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>服务支持</h3>
                        <ul class="inter">
                            <li>
                                <a title="保修政策">
                                    保修政策</a>
                            </li>
                            <li>
                                <a title="上门安装">
                                    上门安装</a>
                            </li>
                            <li>
                                <a title="维修服务">
                                    维修服务</a>
                            </li>
                            <li>
                                <a title="保修期及权益查询">
                                    保修期及权益查询</a>
                            </li>
                            <li>
                                <a title="维修备件价格">
                                    维修备件价格</a>
                            </li>
                            <li>
                                <a title="服务进度查询">
                                    服务进度查询</a>
                            </li>
                            <li>
                                <a title="联系我们">
                                    联系我们</a>
                            </li>
                            <li>
                                <a title="服务隐私声明">
                                    服务隐私声明</a>
                            </li>
                            <li>
                                <a title="商用服务">
                                    商用服务</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>应用与下载</h3>
                        <ul class="inter">
                            <li>
                                <a title="终端云服务">
                                    终端云服务</a>
                            </li>
                            <li>
                                <a title="华为商城APP">
                                    华为商城APP</a>
                            </li>
                            <li>
                                <a title="我的华为APP">
                                    我的华为APP</a>
                            </li>
                            <li>
                                <a title="华为手机助手">
                                    华为手机助手</a>
                            </li>
                            <li>
                                <a title="华为电脑管家">
                                    华为电脑管家</a>
                            </li>
                            <li>
                                <a title="HarmonyOS 4">
                                    HarmonyOS 4</a>
                            </li>
                            <li>
                                <a title="预置应用公示">
                                    预置应用公示</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>新闻中心</h3>
                        <ul class="inter">
                            <li>
                                <a title="华为新闻">
                                    华为新闻</a>
                            </li>
                            <li>
                                <a title="华为活动">
                                    华为活动</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>关于我们</h3>
                        <ul class="inter">
                            <li>
                                <a title="关于我们">
                                    关于我们</a>
                            </li>
                            <li>
                                <a title="可持续发展">
                                    可持续发展</a>
                            </li>
                            <li>
                                <a title="隐私">
                                    隐私</a>
                            </li>
                            <li>
                                <a title="华为商城">
                                    华为商城</a>
                            </li>
                            <li>
                                <a title="华为云">
                                    华为云</a>
                            </li>
                            <li>
                                <a title="企业业务">
                                    企业业务</a>
                            </li>
                            <li>
                                <a title="运营商网络">
                                    运营商网络</a>
                            </li>
                            <li>
                                <a title="华为集团">
                                    华为集团</a>
                            </li>
                            <li>
                                <a title="加入华为">
                                    加入华为</a>
                            </li>
                            <li>
                                <a title="内容举报">
                                    内容举报</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <div class="contact">
                <ul>
                    <li>
                        <h3>在线支持</h3>
                        <ul class="inter">
                            <li>
                                <a title="消费者服务热线">
                                    消费者服务热线</a>
                            </li>

                            <li>
                                <a title="">
                                    950800</a>
                            </li>

                            <li>
                                <a title="7*24小时 | 普通话">
                                    7*24小时 | 普通话</a>
                            </li>

                            <li>
                                <a title="Mate X系列、保时捷设计专属热线">
                                    Mate X系列、保时捷设计
                                    专属热线
                                </a>
                            </li>

                            <li>
                                <a title="">
                                    950801</a>
                            </li>
                            <li>
                                <a title="在线客服 | 7*24小时">
                                    在线客服 | 7*24小时</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>线下支持</h3>
                        <ul class="inter">
                            <li>
                                <a title="服务店查询">
                                    服务店查询
                                </a>

                            </li>
                            <li>
                                <a title="零售店查询">
                                    零售店查询
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="contact_block">
                    <h3>关注我们</h3>
                    <div class="images">
                        <span class="weixin">
                            <img src="./images/footer_code.jpg" alt="">
                        </span>
                        <a title="微博" class="weibo"></a>

                            </span>

                    </div>
                </div>

            </div>
            <div class="footer_bottom">
                <div class="left" title="">
                    版权所有 © 华为终端有限公司 1998-2023。保留一切权利。粤A2-20044005号
                </div>
                <div class="center">
                    <ul>
                        <li>
                            <a title="网站地图">
                                网站地图</a>
                        </li>
                        <li>
                            <a title="使用条款">
                                使用条款</a>
                        </li>
                        <li>
                            <a title="隐私声明">
                                隐私声明</a>
                        </li>
                        <li>
                            <a title="关于cookies">
                                关于cookies</a>
                        </li>
                        <li>
                            <a title="法律信息">
                                法律信息</a>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <a class="language" title="China - 简体中文">
                        China - 简体中文</a>
                    <a title="globe" class="globe">
                        <img src="./images/earth.png" alt="">
                    </a>

                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>